<template>
    <div class="mobileRegister">
        <div class="title">
            <router-link to="mobileLogin"><img src="@/assets/back.png"/></router-link>
            <span>卫士快速注册</span>
        </div>
        <ul>
            <li>
                <span class="required-star"><span>*</span>姓名：</span>
                <input class="input" v-model="userInfo.name"/>
            </li>

            <li>
                <span class="required-star"><span>*</span>手机号：</span>
                <input class="input" v-model="userInfo.phone" type="number" pattern="[0-9]*"/>
            </li>
            <li>
                <span class="required-star"><span>*</span>密码：</span>
                <input class="input" type="password"  autocomplete="new-password" maxlength="18" v-model="userInfo.pwd"/>
            </li>
            <li>
                <span>单位：</span>
                <input class="input" v-model="userInfo.company" maxlength="30"/>
            </li>
            <li>
                <span class="required-star"><span></span>政治面貌：</span>
                <select v-model="userInfo.politicCountenance">
                    <option value="群众">群众</option>
                    <option value="预备党员">预备党员</option>
                    <option value="党员">党员</option>
                </select>
            </li>
            <li>
                <span class="required-star"><span></span>性别：</span>
                <select v-model="userInfo.sex">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </li>
        </ul>
        <div class="register-btn">
            <button class="short-btn" @click="registerFn()">注册</button>
        </div>
    </div>
</template>

<script src="./mobileRegister.js"></script>

<style scoped lang="less">
    @import "mobileRegister.less";
</style>
